<!DOCTYPE html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<!--<head th:include="admin/partial/bg_template::bg_header">-->
<head th:include="showup/ft_template::ft_head">
</head>

<body>

<!--====== TOP HEADER ==========-->
<section th:include="showup/ft_template::top_header">
</section>

<!--====== NAVIGATION MENU ==========-->
<section th:include="showup/ft_template::nav_menu">

</section>
<!--====== 巨幕BANNER ==========-->
<!-- SECTION: HEADER -->
<section class="c3 c3-slider" th:include="showup/ft_template::top_banner">
</section>

<!--中间条输入信息用-->
<!--====== SLIDER ENQUIRY ==========-->
<section th:include="showup/ft_template::slider_enquiry">
</section>

<section th:include="showup/ft_template::blank_section"></section>
<!--主页部分-->
<!--====== HOME HOTELS ==========-->
<section>
    <div class="rows tb-space pad-top-o pad-bot-redu">
        <div class="container-fluid">
            <!-- TITLE & DESCRIPTION -->
            <div class="spe-title" style="margin-top: 3%">
                <h2>我们有 <span>超过 1024套</span> 国内外顶级网模的资料及套图</h2>
                <div class="title-line">
                    <div class="tl-1"></div>
                    <div class="tl-2"></div>
                    <div class="tl-3"></div>
                </div>
                <p>随时同步更新，国内外各大知名网站模特最新套图毫无保留呈现在您的荧屏前，Now Enjoy It & Have Fun ！</p>
            </div>
            <div class="row">
                <!--左边栏，隐藏-->
                <div class="col-md-2" style="visibility: visible">
                    <div class="ho-popu-bod">
                        <div class="hot-page2-hom-pre-head">
                            <h4>Top Grand <span>Models</span></h4>
                        </div>
                        <div class="hot-page2-hom-pre">
                            <ul>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/1.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Taaj Club House</h5>
                                            <span>City: illunois, United States</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>4.5</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/2.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Universal luxury Grand Hotel</h5>
                                            <span>City: Rio,Brazil</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>4.2</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/3.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Barcelona Grand Pales</h5>
                                            <span>City: Chennai,India</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>5.0</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/4.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Lake Palace view Hotel</h5>
                                            <span>City: Beijing,China</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>2.5</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/8.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>First Class Grandd Hotel</h5>
                                            <span>City: Berlin,Germany</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>4.0</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="col-md-8">
                        <!--内容在此-->
                        <!-- HOTEL GRID1 -->
                        <div class="to-ho-hotel">
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/151.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">模特详情</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">套图详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/381.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/151.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/381.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- HOTEL GRID 2-->
                        <div class="to-ho-hotel">
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/151.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">模特详情</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">套图详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/381.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/151.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/381.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- HOTEL GRID 3-->
                        <div class="to-ho-hotel">
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/151.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">模特详情</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">套图详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/381.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/151.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/381.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- HOTEL GRID 4-->
                        <div class="to-ho-hotel">
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/151.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">模特详情</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">套图详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/381.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/151.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/381.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- HOTEL GRID 5-->
                        <div class="to-ho-hotel">
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/151.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">模特详情</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">套图详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/381.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/151.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- HOTEL GRID -->
                            <div class="col-md-3">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                            <a href="#" style="color: white"><i class="fa fa-eye" aria-hidden="true"></i> 420</a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/381.jpg},title=#{logo},alt=#{logo}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h4>GTC Grand Chola</h4>
                                        </div>

                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 570</a>
                                                </li>

                                                <li style="width: auto;padding-left: 20%"><a href="#"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> 5200</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a href="booking1.html" class="link-btn hom-hot-book-btn">Book Now</a><a href="hotel-details.html" class="link-btn hom-hot-view-btn">View More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--分页栏-->
                        <div class="span4 center-block">
                            <nav aria-label="Page navigation" style="text-align: center">
                                <form th:action="@{/rarbglist}" th:method="post" id="pagination">
                                    <ul class="pagination" >
                                        <!--前一页-->
                                        <li >
                                            <a href="rarbginfo.html"  aria-label="Previous" >
                                                <span aria-hidden="true">«</span>
                                            </a>
                                        </li>
                                        <!-- Will produce '/gtvg/order/details?orderId=3' (plus rewriting) -->
                                        <!--这里循环的是一个数组-->
                                        <li>
                                            <a href="rarbginfo.html">view</a>
                                        </li>
                                        <!--后一页-->
                                        <li >
                                            <a href="rarbginfo.html" aria-label="Next" >
                                                <span aria-hidden="true">»</span>
                                            </a>
                                        </li>
                                        <li >
                                            <span>第<span ></span><span>页</span></span>
                                        </li>
                                        <li >
                                            <span>共<span ></span><span>页</span></span>
                                        </li>
                                    </ul>
                                </form>
                            </nav>
                        </div>
                    </div>
                </div>
                <!--右边栏-->
                <div class="row">
                    <div class="col-md-2" style="visibility: visible">
                        <div class="ho-popu-bod">
                            <div class="hot-page2-hom-pre-head">
                                <h4>Most Popular <span>Gallery</span></h4>
                            </div>
                            <div class="hot-page2-hom-pre">
                                <ul>
                                    <!--LISTINGS-->
                                    <li>
                                        <a href="hotels-list.html">
                                            <div class="hot-page2-hom-pre-1">
                                                <img src="images/hotels/1.jpg" alt="">
                                            </div>
                                            <div class="hot-page2-hom-pre-2">
                                                <h5>Taaj Club House</h5>
                                                <span>City: illunois, United States</span>
                                            </div>
                                            <div class="hot-page2-hom-pre-3">
                                                <span>4.5</span>
                                            </div>
                                        </a>
                                    </li>
                                    <!--LISTINGS-->
                                    <li>
                                        <a href="hotels-list.html">
                                            <div class="hot-page2-hom-pre-1">
                                                <img src="images/hotels/2.jpg" alt="">
                                            </div>
                                            <div class="hot-page2-hom-pre-2">
                                                <h5>Universal luxury Grand Hotel</h5>
                                                <span>City: Rio,Brazil</span>
                                            </div>
                                            <div class="hot-page2-hom-pre-3">
                                                <span>4.2</span>
                                            </div>
                                        </a>
                                    </li>
                                    <!--LISTINGS-->
                                    <li>
                                        <a href="hotels-list.html">
                                            <div class="hot-page2-hom-pre-1">
                                                <img src="images/hotels/3.jpg" alt="">
                                            </div>
                                            <div class="hot-page2-hom-pre-2">
                                                <h5>Barcelona Grand Pales</h5>
                                                <span>City: Chennai,India</span>
                                            </div>
                                            <div class="hot-page2-hom-pre-3">
                                                <span>5.0</span>
                                            </div>
                                        </a>
                                    </li>
                                    <!--LISTINGS-->
                                    <li>
                                        <a href="hotels-list.html">
                                            <div class="hot-page2-hom-pre-1">
                                                <img src="images/hotels/4.jpg" alt="">
                                            </div>
                                            <div class="hot-page2-hom-pre-2">
                                                <h5>Lake Palace view Hotel</h5>
                                                <span>City: Beijing,China</span>
                                            </div>
                                            <div class="hot-page2-hom-pre-3">
                                                <span>2.5</span>
                                            </div>
                                        </a>
                                    </li>
                                    <!--LISTINGS-->
                                    <li>
                                        <a href="hotels-list.html">
                                            <div class="hot-page2-hom-pre-1">
                                                <img src="images/hotels/8.jpg" alt="">
                                            </div>
                                            <div class="hot-page2-hom-pre-2">
                                                <h5>First Class Grandd Hotel</h5>
                                                <span>City: Berlin,Germany</span>
                                            </div>
                                            <div class="hot-page2-hom-pre-3">
                                                <span>4.0</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!--页脚-->
<!--====== FOOTER 1 ==========-->
<section th:include="showup/ft_template::ft_footer1">

</section>

<!--====== FOOTER 2 ==========-->
<section th:include="showup/ft_template::ft_footer2">

</section>

<!--====== FOOTER - COPYRIGHT ==========-->
<section th:include="showup/ft_template::ft_footer_copyright">
</section>

<!--左侧边栏图标链接-->
<section th:include="showup/ft_template::ft_sideicon">
</section>

<section th:include="showup/ft_template::ft_javascript">
</section>
</body>

</html>

